            <ul class="show_title clearfix">
            	<li>THÀNH PHỐ</li>
                <li>THƯƠNG HIỆU</li>
                <li class="last">GIÁ</li>
            </ul>
            <ul class="show_list">
           		<li>
                	<div class="box_style02 clearfix" >
                        <div class="box_style_top">
                            <p><img src="<?php echo IMAGE_URL?>bg_left_top02.gif" alt="" /></p>
                        </div>
                        <div class="box_style_content clearfix" id="scroll" style="overflow: hidden;">
							<ul class="info_list">
                            	<?php echo $this->HTML_CITY;?>
                            </ul>
                        </div>
                        <div class="box_style_bottom">
                            <p><img src="<?php echo IMAGE_URL?>bg_left_bottom02.gif" alt="" /></p>
                        </div>
                	</div>
                </li>
                
                <li>
                	<div class="box_style02 clearfix">
                        <div class="box_style_top">
                            <p><img src="<?php echo IMAGE_URL?>bg_left_top02.gif" alt="" /></p>
                        </div>
                        <div class="box_style_content clearfix">
							<ul class="info_list">
                                <?php echo $this->HTML_MANUFACTURE;?>
                            </ul>
                        </div>
                        <div class="box_style_bottom">
                            <p><img src="<?php echo IMAGE_URL?>bg_left_bottom02.gif" alt="" /></p>
                        </div>
                	</div>
                </li>
                
                <li class="last">
                	<div class="box_style02 clearfix">
                        <div class="box_style_top">
                            <p><img src="<?php echo IMAGE_URL?>bg_left_top02.gif" alt="" /></p>
                        </div>
                        <div class="box_style_content clearfix">
							<ul class="info_list_block">
                            <?php echo $this->HTML_PRICE;?>
                             </ul>
                        </div>
                        <div class="box_style_bottom">
                            <p><img src="<?php echo IMAGE_URL?>bg_left_bottom02.gif" alt="" /></p>
                        </div>
                	</div>
                </li>
           </ul> 
<script type="text/javascript" language="javascript">

      var adH = 268;
      var delay = null;
      function Resize(io) {
          var m = document.getElementById("scroll");
          if (io == 0) {
              if (adH < 600) {
                  adH = adH + 5;
              }
              else clearInterval(delay);
              m.style.height = adH.toString() + "px";
              m.style.overflow = 'hidden';
          }
          if (io == 1) {
              if (adH > 268) {
                  adH = adH - 5;
              }
              else clearInterval(delay);
              m.style.height = adH.toString() + "px";
              //m.style.overflow = 'hidden';
          }
      }

      function Control(io) {
          clearInterval(delay);
          if (io == 0) {
              delay = setInterval('Resize(0)', 15)
          }
          if (io == 1) {
              delay = setInterval('Resize(1)', 15)
          }
      }

$(function(){
    $('#scroll').mouseover(function(){               
        
        //$(this).css('overflow','');
        //$(this).css('height','auto');
        Control(0);
        
    }).mouseout(function(){        
        //$(this).css('overflow','hidden');
        //$(this).css('height','245px');
        Control(1);
    });
});
    
</script>